<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
        模板字符串：
        1.具有普通字符串的所有的功能，加强版的 字符串。
        2.用反引号``定义
        3.定义多行字符串
        4.字符串中加入变量和表达式
        
        */
        var str = '今晚吃鸡';
        //1. ``定义
        var game = `王者荣耀`;
        // 2.当作普通字符串使用即可，
        console.log(game + `,明天有鸡翅`);
        console.log(game.length);

        //3.多行字符串（支持换行）
        var ul = `<ul>
            <li>剑圣</li>    
            <li>兽王</li>
            <li>小鱼人</li>
            </ul>`
            console.log(ul);
//4.可以直接使用变量
let hero = '盲僧';
console.log(`这把我选择了${hero}.`);

//5.表达式
let age = 29;
console.log(`今年我${age + 3}岁了`);

//6.支持函数
function cook(menu){
    console.log('老板，给我来一份' + menu);
    return '烤鱼';
}
console.log(`晚上吃${cook('猪蹄')}`);
    </script>
</body>

</html>